<template>
  <div>
    <h1>我是根组件</h1>
    <!-- 4.使用 -->
    <HmHeader></HmHeader>
    <HmMain></HmMain>
    <!-- <HmFooter></HmFooter> -->
    <hm-footer></hm-footer>
     <hm-footer></hm-footer>

     <HmButton></HmButton>
  </div>
</template>

<script>
//2.引入
import HmHeader from './components/HmHeader.vue';
import HmMain from './components/HmMain.vue';
import HmFooter from './components/HmFooter.vue';
export default {
  //3.注册
  components: {
    HmHeader,
    HmMain,
    HmFooter,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
  div
<style scoped lang="less"></style>
